<template>
    <div class="mod-config">
        <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">

                    <el-form-item>
                        <el-input v-model="dataForm.gongYingShuLiang" placeholder="供应数量" clearable></el-input>
                    </el-form-item>
                    <el-form-item>
                        <el-input v-model="dataForm.kuCunDi" placeholder="库存地" clearable></el-input>
                    </el-form-item>
                    <el-form-item>
                        <el-input v-model="dataForm.yaoCaiChanDi" placeholder="药材产地" clearable></el-input>
                    </el-form-item>
                    <el-form-item>
                        <el-input v-model="dataForm.zhiLiangBiaoZhun" placeholder="质量标准" clearable></el-input>
                    </el-form-item>
                    <el-form-item>
                        <el-input v-model="dataForm.yaoCaiTuPian" placeholder="药材图片" clearable></el-input>
                    </el-form-item>
                    <el-form-item>
                        <el-input v-model="dataForm.piaoJu" placeholder="票据" clearable></el-input>
                    </el-form-item>
                    <el-form-item>
                        <el-input v-model="dataForm.ziZhiBiaoZhun" placeholder="资质标准" clearable></el-input>
                    </el-form-item>
                    <el-form-item>
                        <el-input v-model="dataForm.jiYang" placeholder="寄样" clearable></el-input>
                    </el-form-item>
                    <el-form-item>
                        <el-input v-model="dataForm.fuKuan" placeholder="付款" clearable></el-input>
                    </el-form-item>
                    <el-form-item>
                        <el-input v-model="dataForm.baoZhuang" placeholder="包装" clearable></el-input>
                    </el-form-item>
                    <el-form-item>
                        <el-input v-model="dataForm.huoYuanShuoMing" placeholder="货源说明" clearable></el-input>
                    </el-form-item>

            <el-form-item>
                <el-button @click="getDataList(1)">查询</el-button>
<!--                <el-button type="primary" @click="addOrUpdateHandle()">新增
                </el-button>-->
<!--                <el-button type="danger" @click="deleteHandle()"-->
<!--                           :disabled="dataListSelections.length <= 0">批量删除-->
<!--                </el-button>-->
            </el-form-item>
        </el-form>
        <el-table
                :data="dataList"
                border
                v-loading="dataListLoading"
                @selection-change="selectionChangeHandle"
                style="width: 100%;">
            <el-table-column
                    label="选中"
                    type="selection"
                    header-align="center"
                    align="center"
                    width="50">
            </el-table-column>
            <el-table-column
                    type="index"
                    label="序号"
                    header-align="center"
                    align="center"
                    width="50">
            </el-table-column>
          <el-table-column
            prop="yaoCaiName"
            header-align="center"
            align="center"
            label="药材名称">
          </el-table-column>
                    <el-table-column
                            prop="createByName"
                            header-align="center"
                            align="center"
                            label="报价人">
                    </el-table-column>
          <el-table-column
            prop="baoJiaRenPhone"
            header-align="center"
            align="center"
            label="联系电话">
          </el-table-column>
          <el-table-column
            prop="woDeBaoJia"
            header-align="center"
            align="center"
            label="报价">
          </el-table-column>
                    <el-table-column
                            prop="gongYingShuLiang"
                            header-align="center"
                            align="center"
                            label="供应数量">
                    </el-table-column>
                    <el-table-column
                            prop="kuCunDi"
                            header-align="center"
                            align="center"
                            label="库存地">
                    </el-table-column>

                    <el-table-column
                            prop="caiGouRenName"
                            header-align="center"
                            align="center"
                            label="采购人">
                    </el-table-column>
                    <el-table-column
                            prop="caiGouRenPhone"
                            header-align="center"
                            align="center"
                            label="采购人联系方式">
                    </el-table-column>
                    <el-table-column
                            prop="createTime"
                            header-align="center"
                            align="center"
                            label="报价时间">
                    </el-table-column>

            <el-table-column
                    fixed="right"
                    header-align="center"
                    align="center"
                    label="操作">
                <template slot-scope="scope">
                    <el-button type="text" size="small"
                               @click="infoHandle(scope.row.id)"><i class="el-icon-edit"></i>查看详情</el-button>
<!--                    <el-button type="text" size="small"
                               @click="addOrUpdateHandle(scope.row.id)"><i class="el-icon-edit"></i>修改</el-button>
                    <el-button type="text" size="small"
                               @click="deleteHandle(scope.row.id)"><i class="el-icon-delete"></i>删除</el-button>-->
                </template>
            </el-table-column>
        </el-table>
        <el-pagination
                @size-change="sizeChangeHandle"
                @current-change="currentChangeHandle"
                :current-page="pageIndex"
                :page-sizes="[10, 20, 50, 100]"
                :page-size="pageSize"
                :total="totalPage"
                layout="total, sizes, prev, pager, next, jumper">
        </el-pagination>
        <!-- 弹窗, 新增 / 修改 -->
        <el-dialog title="添加或编辑" :visible.sync="addOrUpdateVisible">
            <el-form :rules="dataRule" :model="dataSaveForm" ref="dataForm" @keyup.enter.native="dataFormSubmit()">
                <el-form-item hidden :label-width="'120px'"  prop="id">
                    <el-input v-model="dataSaveForm.id" autocomplete="off"></el-input>
                </el-form-item>
                        <el-form-item label="我的报价" :label-width="'120px'"  prop="woDeBaoJia">
                            <el-input v-model="dataSaveForm.woDeBaoJia" autocomplete="off"></el-input>
                        </el-form-item>
                        <el-form-item label="被报价采购id" :label-width="'120px'"  prop="beiBaoJiaCaiGouID">
                            <el-input v-model="dataSaveForm.beiBaoJiaCaiGouID" autocomplete="off"></el-input>
                        </el-form-item>
                        <el-form-item label="供应数量" :label-width="'120px'"  prop="gongYingShuLiang">
                            <el-input v-model="dataSaveForm.gongYingShuLiang" autocomplete="off"></el-input>
                        </el-form-item>
                        <el-form-item label="库存地" :label-width="'120px'"  prop="kuCunDi">
                            <el-input v-model="dataSaveForm.kuCunDi" autocomplete="off"></el-input>
                        </el-form-item>
                        <el-form-item label="药材产地" :label-width="'120px'"  prop="yaoCaiChanDi">
                            <el-input v-model="dataSaveForm.yaoCaiChanDi" autocomplete="off"></el-input>
                        </el-form-item>
                        <el-form-item label="质量标准" :label-width="'120px'"  prop="zhiLiangBiaoZhun">
                            <el-input v-model="dataSaveForm.zhiLiangBiaoZhun" autocomplete="off"></el-input>
                        </el-form-item>
                        <el-form-item label="药材图片" :label-width="'120px'"  prop="yaoCaiTuPian">
                            <el-input v-model="dataSaveForm.yaoCaiTuPian" autocomplete="off"></el-input>
                        </el-form-item>
                        <el-form-item label="票据" :label-width="'120px'"  prop="piaoJu">
                            <el-input v-model="dataSaveForm.piaoJu" autocomplete="off"></el-input>
                        </el-form-item>
                        <el-form-item label="资质标准" :label-width="'120px'"  prop="ziZhiBiaoZhun">
                            <el-input v-model="dataSaveForm.ziZhiBiaoZhun" autocomplete="off"></el-input>
                        </el-form-item>
                        <el-form-item label="寄样" :label-width="'120px'"  prop="jiYang">
                            <el-input v-model="dataSaveForm.jiYang" autocomplete="off"></el-input>
                        </el-form-item>
                        <el-form-item label="付款" :label-width="'120px'"  prop="fuKuan">
                            <el-input v-model="dataSaveForm.fuKuan" autocomplete="off"></el-input>
                        </el-form-item>
                        <el-form-item label="包装" :label-width="'120px'"  prop="baoZhuang">
                            <el-input v-model="dataSaveForm.baoZhuang" autocomplete="off"></el-input>
                        </el-form-item>
                        <el-form-item label="货源说明" :label-width="'120px'"  prop="huoYuanShuoMing">
                            <el-input v-model="dataSaveForm.huoYuanShuoMing" autocomplete="off"></el-input>
                        </el-form-item>
                        <el-form-item label="关联用户" :label-width="'120px'"  prop="guanLianYongHu">
                            <el-input v-model="dataSaveForm.guanLianYongHu" autocomplete="off"></el-input>
                        </el-form-item>

            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="qx()">取 消</el-button>
                <el-button type="primary" @click="dataFormSubmit()">确 定</el-button>
            </div>
        </el-dialog>


        <!-- 弹窗, 新增 / 修改 -->
        <el-dialog title="采购报价" :visible.sync="infoVisible">
            <div class="mod-config">
              <el-row>
                <div class="el-descriptions__title custom-title">采购详情</div>
              </el-row>
              <el-row :gutter="0" style="display: flex">
                <el-col :span="10" style="align-items: stretch;margin-right: 16px;">
                  <img class="devImg" fit="fill" style="width: 100%;height: 330px" :src="this.$http.adornUrl('/api-file/file/view/file?fileId='+ this.caiGouInfoList.yaoCaiTuPian) ">
                  <el-descriptions :column="1"   :colon="false" content-class-name="my-content">
                    <el-descriptions-item label="">{{this.caiGouInfoList.yaoCaiMingCheng}}</el-descriptions-item>
                  </el-descriptions>
                  <p style="text-align: center;font-size: 14px">发布时间:{{this.caiGouInfoList.faBuShiJian}}</p>
                </el-col>
                <el-col :span="10">
                  <el-descriptions :column="1" label-class-name="myLableClassName" >
                    <el-descriptions-item label="规格">{{this.caiGouInfoList.guiGe}}</el-descriptions-item>
                    <el-descriptions-item label="药材产地">{{this.caiGouInfoList.yaoCaiChanDi}}</el-descriptions-item>
                    <el-descriptions-item label="企业">{{this.caiGouInfoList.qiYe}}</el-descriptions-item>
                    <el-descriptions-item label="可供票据">{{this.caiGouInfoList.piaoJu}}</el-descriptions-item>
                    <el-descriptions-item label="资质标准">{{this.caiGouInfoList.ziZhiBiaoZhun}}</el-descriptions-item>
                    <el-descriptions-item label="质量标准">{{this.caiGouInfoList.zhiLiangBiaoZhun}}</el-descriptions-item>
                    <el-descriptions-item label="付款方式">{{this.caiGouInfoList.fuKuanFangShi}}</el-descriptions-item>
                    <el-descriptions-item label="联系人">{{this.caiGouInfoList.lianXiRen}}</el-descriptions-item>
                    <el-descriptions-item label="联系电话">{{this.caiGouInfoList.lianXiDianHua}}</el-descriptions-item>
                    <el-descriptions-item label="交货地">{{this.caiGouInfoList.jiaoHuoDiZhi}}</el-descriptions-item>
                  </el-descriptions>
                </el-col>
                <el-col :span="4">
                  <p style="text-align: left;font-size: 18px;font-weight:bold;color: red">需求量：{{this.caiGouInfoList.xuQiuLiang}}公斤</p>
                  <p style="text-align: left;font-size: 20px;font-weight:bold;color: #00a2d4">{{this.caiGouInfoList.baoJiaRenShu}}</p>
                  <p style="text-align: left;font-size: 20px;font-weight:bold;color: #00a2d4">{{this.caiGouInfoList.shiFouShangJia}}</p>
                </el-col>
              </el-row>
              <el-row>
                <div class="el-descriptions__title custom-title">报价详情</div>
              </el-row>
              <el-row>
               <el-col :span="12">
                 <p>
                 <span class="customspan">我的报价：</span>
                 {{this.infoList.woDeBaoJia}}</p>
               </el-col>
                <el-col :span="12">
                  <P>
                    <span  class="customspan">资质标准：</span>
                   <span>{{this.infoList.ziZhiBiaoZhun}}</span>
                  </P>
<!--                  <img class=".custom-radio .el-radio__input.is-checked .el-radio__inner" src="./duigou.jpg">-->
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="12">
                  <p>
                    <span class="customspan">供应数量：</span>
                    <span>{{this.infoList.gongYingShuLiang}}</span>
                  </p>
                </el-col>
                <el-col :span="12">
                  <span class="customspan">寄样：</span>
                  <span>{{this.infoList.jiYang}}</span>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="12">
                  <p>
                    <span class="customspan">库存地：</span>
                    <span>{{this.infoList.kuCunDi}}</span>
                  </p>
                </el-col>
                <el-col :span="12">
                  <span class="customspan">付款：</span>
                  <span>
                   {{this.infoList.fuKuan}}
                  </span>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="12">
                  <p>
                    <span class="customspan">药材产地：</span>
                    <span>{{this.infoList.yaoCaiChanDi}}</span>
                  </p>
                </el-col>
                <el-col :span="12">
                  <span class="customspan">包装：</span>
                  <span>
                   {{this.infoList.baoZhuang}}
                  </span>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="12">
                  <p>
                    <span class="customspan">质量标准：</span>
                    <span>{{this.infoList.zhiLiangBiaoZhun}}</span>
                  </p>
                </el-col>
                <el-col :span="12">
                  <span  class="customspan">可供票据：</span>
                  <span>
                  {{this.infoList.piaoJu}}
                  </span>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="12">
                  <p>
                    <span class="customspan">报价时间：</span>
                    <span>{{this.infoList.createTime}}</span>
                  </p>
                </el-col>
                <el-col :span="12">
                  <span class="customspan">货源说明：</span>
                  <span>
                  {{this.infoList.huoYuanShuoMing}}
                  </span>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="24">
                  <p>
                    <span class="customspan">药材图片：</span>
                    <img width="150px" height="150px"  :src="this.$http.adornUrl('/api-file/file/view/file?fileId='+ this.caiGouInfoList.yaoCaiTuPian) ">
                  </p>
                </el-col>
              </el-row>

<!--                <el-descriptions :column="2" :colon="false" title="设备信息">-->
<!--                            <el-descriptions-item label="我的报价">{{this.infoList.woDeBaoJia}}</el-descriptions-item>-->
<!--                            <el-descriptions-item label="被报价采购id">{{this.infoList.beiBaoJiaCaiGouID}}</el-descriptions-item>-->
<!--                            <el-descriptions-item label="供应数量">{{this.infoList.gongYingShuLiang}}</el-descriptions-item>-->
<!--                            <el-descriptions-item label="库存地">{{this.infoList.kuCunDi}}</el-descriptions-item>-->
<!--                            <el-descriptions-item label="药材产地">{{this.infoList.yaoCaiChanDi}}</el-descriptions-item>-->
<!--                            <el-descriptions-item label="质量标准">{{this.infoList.zhiLiangBiaoZhun}}</el-descriptions-item>-->
<!--                            <el-descriptions-item label="药材图片">{{this.infoList.yaoCaiTuPian}}</el-descriptions-item>-->
<!--                            <el-descriptions-item label="票据">{{this.infoList.piaoJu}}</el-descriptions-item>-->
<!--                            <el-descriptions-item label="资质标准">{{this.infoList.ziZhiBiaoZhun}}</el-descriptions-item>-->
<!--                            <el-descriptions-item label="寄样">{{this.infoList.jiYang}}</el-descriptions-item>-->
<!--                            <el-descriptions-item label="付款">{{this.infoList.fuKuan}}</el-descriptions-item>-->
<!--                            <el-descriptions-item label="包装">{{this.infoList.baoZhuang}}</el-descriptions-item>-->
<!--                            <el-descriptions-item label="货源说明">{{this.infoList.huoYuanShuoMing}}</el-descriptions-item>-->
<!--                            <el-descriptions-item label="关联用户">{{this.infoList.guanLianYongHu}}</el-descriptions-item>-->
<!--                </el-descriptions>-->
            </div>
            <div slot="footer" class="dialog-footer">
                <el-button @click="qxinfo()">取 消</el-button>
            </div>
        </el-dialog>
    </div>
</template>

<script>
    export default {
        data() {
            return {
              radio: 1,
                dataForm: {
                                woDeBaoJia:'',
                                beiBaoJiaCaiGouID:'',
                                gongYingShuLiang:'',
                                kuCunDi:'',
                                yaoCaiChanDi:'',
                                zhiLiangBiaoZhun:'',
                                yaoCaiTuPian:'',
                                piaoJu:'',
                                ziZhiBiaoZhun:'',
                                jiYang:'',
                                fuKuan:'',
                                baoZhuang:'',
                                huoYuanShuoMing:'',
                                guanLianYongHu:'',
                },
                dataSaveForm: {
                                woDeBaoJia:'',
                                beiBaoJiaCaiGouID:'',
                                gongYingShuLiang:'',
                                kuCunDi:'',
                                yaoCaiChanDi:'',
                                zhiLiangBiaoZhun:'',
                                yaoCaiTuPian:'',
                                piaoJu:'',
                                ziZhiBiaoZhun:'',
                                jiYang:'',
                                fuKuan:'',
                                baoZhuang:'',
                                huoYuanShuoMing:'',
                                guanLianYongHu:'',
                },
                dataRule: {
                                woDeBaoJia: [
                                {required: true, message: '不能为空', trigger: 'blur'}
                            ],

                                gongYingShuLiang: [
                                {required: true, message: '不能为空', trigger: 'blur'}
                            ],
                                kuCunDi: [
                                {required: true, message: '不能为空', trigger: 'blur'}
                            ],
                                yaoCaiChanDi: [
                                {required: true, message: '不能为空', trigger: 'blur'}
                            ],
                                zhiLiangBiaoZhun: [
                                {required: true, message: '不能为空', trigger: 'blur'}
                            ],
                                yaoCaiTuPian: [
                                {required: true, message: '不能为空', trigger: 'blur'}
                            ],
                                piaoJu: [
                                {required: true, message: '不能为空', trigger: 'blur'}
                            ],
                                ziZhiBiaoZhun: [
                                {required: true, message: '不能为空', trigger: 'blur'}
                            ],
                                jiYang: [
                                {required: true, message: '不能为空', trigger: 'blur'}
                            ],
                                fuKuan: [
                                {required: true, message: '不能为空', trigger: 'blur'}
                            ],
                                baoZhuang: [
                                {required: true, message: '不能为空', trigger: 'blur'}
                            ],
                                huoYuanShuoMing: [
                                {required: true, message: '不能为空', trigger: 'blur'}
                            ],

                },
                dataList: [],
                pageIndex: 1,
                pageSize: 10,
                totalPage: 0,
                dataListLoading: false,
                dataListSelections: [],
                addOrUpdateVisible: false,

                infoList:[],
                caiGouInfoList:[],
                infoLoading: false,
                infoVisible: false,

            }
        },

        activated() {
            this.getDataList()
        },
        methods: {
            getDataList(pageIndex) {
                if (pageIndex) {
                    this.pageIndex = pageIndex
                }
                this.dataListLoading = true
                this.$http({
                    url: this.$http.adornUrl('/api-trading/woDeXiaoDian/woDeXiaoDianShouDaoBaoJia/getList'),
                        method: 'get',
            params: this.$http.adornParams({
                'page': this.pageIndex,
                        'limit': this.pageSize,
                'woDeBaoJia': this.dataForm.woDeBaoJia,
                'beiBaoJiaCaiGouID': this.dataForm.beiBaoJiaCaiGouID,
                'gongYingShuLiang': this.dataForm.gongYingShuLiang,
                'kuCunDi': this.dataForm.kuCunDi,
                'yaoCaiChanDi': this.dataForm.yaoCaiChanDi,
                'zhiLiangBiaoZhun': this.dataForm.zhiLiangBiaoZhun,
                'yaoCaiTuPian': this.dataForm.yaoCaiTuPian,
                'piaoJu': this.dataForm.piaoJu,
                'ziZhiBiaoZhun': this.dataForm.ziZhiBiaoZhun,
                'jiYang': this.dataForm.jiYang,
                'fuKuan': this.dataForm.fuKuan,
                'baoZhuang': this.dataForm.baoZhuang,
                'huoYuanShuoMing': this.dataForm.huoYuanShuoMing,
                'guanLianYongHu': this.dataForm.guanLianYongHu,
            })
            }).then(({data}) => {
                    if (data && data.code === 0) {
                        this.dataList = data.data.list
                        this.totalPage = Number(data.data.totalCount)
                    } else {
                        this.dataList = []
                        this.totalPage = 0
                    }
                    this.dataListLoading = false
                })
            },
            // 每页数
            sizeChangeHandle(val) {
                this.pageSize = val
                this.pageIndex = 1
                this.getDataList()
            },
            // 当前页
            currentChangeHandle(val) {
                this.pageIndex = val
                this.getDataList()
            },
            // 多选
            selectionChangeHandle(val) {
                this.dataListSelections = val
            },
            qx() {
                this.addOrUpdateVisible = false;

            },
            // 新增 / 修改
            addOrUpdateHandle(id) {
                this.addOrUpdateVisible = true;
                this.$nextTick(() => {
                    this.$refs['dataForm'].resetFields()
                    if (id) {
                        this.$http({
                    url: this.$http.adornUrl(`/api-trading/woDeXiaoDian/woDeXiaoDianShouDaoBaoJia/getById`),
                                method: 'get',
                                params: this.$http.adornParams({"id":id})
                    }).then(({data}) => {
                            if (data && data.code === 0) {
                                this.dataSaveForm.id = data.data.id
                                this.dataSaveForm.woDeBaoJia = data.data.woDeBaoJia;
                                this.dataSaveForm.beiBaoJiaCaiGouID = data.data.beiBaoJiaCaiGouID;
                                this.dataSaveForm.gongYingShuLiang = data.data.gongYingShuLiang;
                                this.dataSaveForm.kuCunDi = data.data.kuCunDi;
                                this.dataSaveForm.yaoCaiChanDi = data.data.yaoCaiChanDi;
                                this.dataSaveForm.zhiLiangBiaoZhun = data.data.zhiLiangBiaoZhun;
                                this.dataSaveForm.yaoCaiTuPian = data.data.yaoCaiTuPian;
                                this.dataSaveForm.piaoJu = data.data.piaoJu;
                                this.dataSaveForm.ziZhiBiaoZhun = data.data.ziZhiBiaoZhun;
                                this.dataSaveForm.jiYang = data.data.jiYang;
                                this.dataSaveForm.fuKuan = data.data.fuKuan;
                                this.dataSaveForm.baoZhuang = data.data.baoZhuang;
                                this.dataSaveForm.huoYuanShuoMing = data.data.huoYuanShuoMing;
                                this.dataSaveForm.guanLianYongHu = data.data.guanLianYongHu;
                            }
                        })
                    }
                })

            },
            qxinfo() {
                this.infoVisible = false;

            },
            // 新增 / 修改
            infoHandle(id) {
                this.infoVisible = true;
                this.infoList=[];
                this.caiGouInfoList=[];
                this.$http({
            url: this.$http.adornUrl(`/api-trading/woDeXiaoDian/woDeXiaoDianShouDaoBaoJia/getById`),
                        method: 'get',
                        params: this.$http.adornParams({"id":id})
            }).then(({data}) => {
                    if (data && data.code === 0) {
                        this.infoList=data.data.baoJiaInfo;
                      this.caiGouInfoList=data.data.caiGouInfo
                    }
                })
            },
            // 删除
            deleteHandle(id) {
                var ids = id ? [id] : this.dataListSelections.map(item => {
                    return item.id
                })
                this.$confirm(`确定要进行删除操作?`, '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    this.$http({
                        url: this.$http.adornUrl('/api-trading/woDeXiaoDian/woDeXiaoDianShouDaoBaoJia/delByIds'),
                            method: 'post',
                            data: this.$http.adornData(ids, false)
                }).then(({data}) => {
                        if (data && data.code === 0) {
                            this.$message({
                                message: '操作成功',
                                type: 'success',
                                duration: 1500,
                                onClose: () => {
                                    this.getDataList()
                                }
                            })
                        } else {
                        this.$message.error(data.msg)
                        }
                    })
                })
            },
            // 表单提交
            dataFormSubmit() {
            this.$refs['dataForm'].validate((valid) => {
                    if (valid) {
                        this.$http({
                    url: this.$http.adornUrl(`/api-trading/woDeXiaoDian/woDeXiaoDianShouDaoBaoJia/save`),
                                method: 'post',
                    data: this.$http.adornData({
                    'id': this.dataSaveForm.id || undefined,
                        'woDeBaoJia': this.dataSaveForm.woDeBaoJia,
                        'beiBaoJiaCaiGouID': this.dataSaveForm.beiBaoJiaCaiGouID,
                        'gongYingShuLiang': this.dataSaveForm.gongYingShuLiang,
                        'kuCunDi': this.dataSaveForm.kuCunDi,
                        'yaoCaiChanDi': this.dataSaveForm.yaoCaiChanDi,
                        'zhiLiangBiaoZhun': this.dataSaveForm.zhiLiangBiaoZhun,
                        'yaoCaiTuPian': this.dataSaveForm.yaoCaiTuPian,
                        'piaoJu': this.dataSaveForm.piaoJu,
                        'ziZhiBiaoZhun': this.dataSaveForm.ziZhiBiaoZhun,
                        'jiYang': this.dataSaveForm.jiYang,
                        'fuKuan': this.dataSaveForm.fuKuan,
                        'baoZhuang': this.dataSaveForm.baoZhuang,
                        'huoYuanShuoMing': this.dataSaveForm.huoYuanShuoMing,
                        'guanLianYongHu': this.dataSaveForm.guanLianYongHu,
                    })
                    }).then(({data}) => {
                            if (data && data.code === 0) {
                                this.$message({
                                    message: '操作成功',
                                    type: 'success',
                                    duration: 1500,
                                    onClose: () => {
                                        this.addOrUpdateVisible = false
                                        this.getDataList()
                                    }
                                })
                            } else {
                            this.$message.error(data.msg)
                            }
                        })
                    }
                })


            },
        }
    }
</script>
<style>
.imgBox {
  border: 1px solid #ebeef5;
  border-left: none;
  width: 100%;
  height: 100%;
  position: relative;
  .devImg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: auto;
    max-height: 100%;
    padding: 12px 10px;
  }
}
.my-content{
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
//height: 100vh; /* 设置容器高度为视口高度 */
  align-items:center;text-align: center;
  font-weight:bold;font-size: 18px;

}
.custom-title{
  margin-bottom: 20px;
  font-size: 20px;
//margin-top: 20px;
}
.myLableClassName {
  color: rgb(19 35 29 / 77%);text-align:right;font-weight:bold;font-size: 16px;
}
.customspan{
  font-weight: bold;
  font-size: 16px;
}
//-------
/*.custom-radio .el-radio__input {
  position: absolute;
  right: 0;
  bottom: 0;
}

.custom-radio .el-radio__label {
  padding-left: 20px; !* 根据对勾大小和需要留出的空间调整 *!
  height: 20px; !* 根据实际需要调整 *!
  display: inline-block;
  line-height: 20px; !* 使元素垂直居中 *!
}*/

.custom-radio .el-radio__input.is-checked .el-radio__inner {
  background-color: #409EFF;
  border-color: #409EFF;
}

.custom-radio .el-radio__input.is-checked .el-radio__inner::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 100%;
}

.custom-radio .el-radio__label {
  padding-left: 10px;
}
</style>
